<template>
	<view class="">
		<view class="content_top">
			<view class="icon">
				<image src="../../../static/img/mine.png" style="width: 32rpx;height: 32rpx;" mode=""></image>
			</view>
			<view class="addName">
				<view class="daysTitle">
					<input type="text" placeholder="添加日历名称" :value="calenderName" />
				</view>
			</view>
		</view>
		<view class="content_bottom">
			<view class="icon">
				<image src="../../../static/img/mine.png" style="width: 32rpx;height: 32rpx;" mode=""></image>
			</view>
			<view class="addName">
				<view class="daysTitle">
					<view class="">
						修改头像
					</view>
				</view>
			</view>
		</view>
		<view class="addAvatars-item" @click="switchPic">
			+
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				calenderName: ""
			}
		},
		methods: {
			switchPic() {
				uni.chooseImage({
					count: 6, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						console.log(JSON.stringify(res.tempFilePaths));
					}
				});
			}
		},
		created() {

		},
		onLoad: function(option) {
			this.calenderName = option.name;
			console.log(option);
		}
	}
</script>

<style scoped lang="scss">
	.content_top {
		width: 100%;
		height: 65rpx;
		display: flex;
		align-items: center;
		margin: 42rpx 0rpx;
		justify-content: space-between;

		.icon {
			margin: 0px 32rpx;
		}

		.addName {
			width: 90%;
			border-bottom: 1px solid #DEDEDE;
		}
	}

	.content_bottom {
		width: 100%;
		height: 65rpx;
		display: flex;
		align-items: center;
		margin: 42rpx 0rpx;
		justify-content: space-between;

		.icon {
			margin: 0px 32rpx;
		}

		.addName {
			width: 90%;
		}
	}

	.addAvatars-item {
		width: 80rpx;
		height: 80rpx;
		border: 1px solid #DEDEDE;
		line-height: 80rpx;
		text-align: center;
		margin-left: 80rpx;
	}
</style>
